<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Front小思</title>
		<link href="//fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap" rel="stylesheet">
		<link href="//fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<link rel="shortcut icon" href="easyicon.ico"/>
		<link rel="stylesheet" type="text/css" href="assets/fonts/iconfont.css">
	</head>
	<body>
		<section class="w3l-bootstrap-header">
			<nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
				<div class="container">
					<a class="navbar-brand" href="index.html"> Front小思◆站点</a>
					<!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
					 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon fa fa-bars"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="index.html">首页</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="about.html">关于</a>
							</li>
							<!-- <li class="nav-item">
								<a class="nav-link" href="services.html">服务</a>
							</li> -->
							<li class="nav-item">
								<a class="nav-link" href="contact.html">联系</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</section>
		
		<section class="w3l-about-breadcrum">
			<div class="breadcrum-bg">
				<div class="container py-5">
					<p><a href="index.html">首页</a> &nbsp; / &nbsp; 关于</p>
				</div>
			</div>
		</section>
		
		<div class="w3l-content-photo-5 py-5" id="about">
			<div class="content-main pt-lg-5 pt-md-3 pb-0">
				<div class="container">
					<div class="row">
						<div class="col-lg-5 content-photo">
							<a href="#"><img src="assets/images/22.jpg" class="img-fluid" alt="content-photo"></a>
						</div>
						<div class="col-lg-7 content-left mt-lg-0 mt-5 pl-lg-5">
							<h3>失败是给成功调味的调味品</h3>
							<p class="mb-0">记得刚刚毕业时，迷茫过、失望过...刚出社会真的很难，只要稳定在一个行业扎根，
							一年两年肯定会有起色的。这世界太快，奇迹太多，对于普通人来讲，平平凡凡的，扎扎实实的去工作才是真道理。
							2020年对我而言，是意味深重的一年。那时，我从大学毕业，那时我从不清晰的职业方向中逐渐走向清晰。
							除了一个前后端不分离的项目之外，以及实验室里做过的项目，并且在学校实验比较多的是关于网络技术方面的，其他啥也没做过，
							有点后悔自己真的浪费了大学很多宝贵的时间。庆幸的是，经过不断的学习基础、总结经验、反思自身、回顾历程...我成功收到了前端开发岗offer。
							虽然一开始工作有点累，但公司环境氛围还是挺不错的，并且那时自己还是知道自己还是有很有多地方不足的，所以会利用空闲的时间段来不断提升自己。2020年职业道路的辗转反侧和迷茫中，我不断在开发的坑中提升，有时还会有自以为年轻，虎头虎脑的时候。有时会感到感到压抑，
							后来开始接触到小程序、vue、uniapp项目，很开心也有些紧张，毕竟自己从来没有做过类似的项目，甚至相关文档只是看了一点点。
							幸运的是，当时有个大佬在，项目框架大佬也都搭建好了。我只用开发页面就好。但是在开发过程中还是会遇到许多问题，自己也是先谷歌，
							还是处理不了的就向大牛请教，并且不断写博客总结知识点。在不经意的时间断里，感觉自己不断进步...!</p>
							<a href="#" class="btn-theme2 btn mt-lg-5 mt-4">About Me</a>
						</div>
					</div>
				</div>
			</div>
		</div>

        <script type="text/javascript">
        	function showImge(){
				document.getElementById("blogImge").style.display="block";
			}
			function hideImge(){
				document.getElementById("blogImge").style.display="none";
			}
			function showImge1(){
				document.getElementById("blogImge1").style.display="block";
			}
			function hideImge1(){
				document.getElementById("blogImge1").style.display="none";
			}
			function showImge2(){
				document.getElementById("blogImge2").style.display="block";
			}
			function hideImge2(){
				document.getElementById("blogImge2").style.display="none";
			}
        </script>
		<section id="services-1" class="bg-light py-5">
			<div class="container py-lg-3">
				<div class="heading text-center mx-auto">
					<h3 class="head">欢迎来到我的社交平台</h3>
					<p class="my-3 head"> 欢迎来到我的社交平台！大千世界，我们能在此相遇便是缘分！下面是有关我的社交平台，包括公众号（含小程序）、
					CSDN博客、知乎交流平台...记录了开发和生活中的点点滴滴，希望对你们有所帮助，欢迎来关注！不断更新中....</p>
				</div>
				<div class="row mt-lg-5">
					<div class="col-lg-4 col-md-6 col-sm-12">
						<div class="box-wrap">
							<div class="icon">
								<span class="fa iconfont icon-gongzhonghao-"></span>
							</div>
							<h4>
								<a href="" style="position: relative;" onmouseover="showImge()" onmouseout="hideImge()">公众号</a>
								<img id="blogImge" style="display:none; position:absolute; margin:-110px 0 0 0;" src="assets/images/shejiao/gongzhonghao.jpg" />
							</h4>
							<p>本公众号创建于2020年10月，内嵌了云开发实现的个人博客小程序，主要是同步公众号的相关图文信息，
              内部涉及到文章搜索、海报、分享、收藏、赞赏签到、粉丝、积分、后台管理等功能以及开发记录文章、
              书籍推荐、图片分享、音乐分享、电影分享等专题，后期有时间会不断优化和丰富...欢迎来占沙发！</p>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-12">
						<div class="box-wrap">
							<div class="icon">
								<span class="fa iconfont icon-csdn"></span>
							</div>
							<h4>
								<a href="https://blog.csdn.net/weixin_45788691" style="position: relative;" onmouseover="showImge1()" onmouseout="hideImge1()">CSDN</a>
								<img id="blogImge1" style="display:none; position:absolute; margin:-110px 0 0 0;" src="assets/images/shejiao/CSDN.jpg" />
							</h4>
							<p>本SCDN创建于2020年2月，主要是记录开发笔记和收藏别人的优秀文章，内部涉及到小程序、VUE.JS、UNIAPP、
              CSS、JAVASCRIPT、NODE.JS、报错记录等文章以及通过Blink分享程序员的相关生活记录，并且买了相关技术课程不断学习提升中...
              后期有时间会不断优化和丰富...欢迎来占沙发！</p>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-12">
						<div class="box-wrap">
							<div class="icon">
								<span class="fa iconfont icon-zhihu"></span>
							</div>
							<h4>
								<a href="https://www.zhihu.com/people/bei-ying-de-piao-liu-ping" style="position: relative;" onmouseover="showImge2()" onmouseout="hideImge2()">知乎</a>
								<img id="blogImge2" style="display:none; position:absolute; margin:-110px 0 0 0;" src="assets/images/shejiao/zhihu.png" />
							</h4>
							<p>本知乎社交平台创建于2019年8月，主要是大学期间记录学习技能笔记、技术交流和收藏别人的优秀文章，内部涉及到HTML、
              CSS、JAVASCRIPT、PHP、ASP、网络基础、PHOTOSHOP、SQL、报错记录、大学总结、了解互联网行业的社会技术需求等文章，
              后期有时间会不断优化和丰富...欢迎来占沙发！</p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="w3l-specifications-9">
			<div class="main-w3 py-5" id="stats">
				<div class="container py-md-3">
					<div class="main-cont-wthree-fea row ">
						<div class="grids-speci1 col-lg-3 col-6">
							<div class="spec-2 text-center">
								<h3 class="title-spe">3258</h3>
								<p>Hours of Works</p>
							</div>
						</div>
						<div class="grids-speci1 midd-eff-spe col-lg-3 col-6">
							<div class="spec-2 text-center">
								<h3 class="title-spe">23</h3>
								<p>Projects Done</p>
							</div>
						</div>
						<div class="grids-speci1 las-but col-lg-3 col-6  mt-lg-0 mt-4">
							<div class="spec-2 text-center">
								<h3 class="title-spe">106</h3>
								<p>Satisfied Customers</p>
							</div>
						</div>
						<div class="grids-speci1 las-t col-lg-3 col-6  mt-lg-0 mt-4">
							<div class="spec-2 text-center">
								<h3 class="title-spe">08 </h3>
								<p>Awards Winning</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="w3l-subscribe" id="subscribe">
			<div class="main-host py-5 text-center">
				<div class="container py-lg-3">
					<div class="grids-forms">
						<div class="main-midd">
							<h3 class="global-title mx-auto">不断迭代中，欢迎来关注！</h3>
							<p class="mb-0">当你的才华还撑不起你的野心的时候，你就应该静下心来学习;当你的能力还驾驭不了你的目标时，
							就应该沉下心来，历练;梦想，不是浮躁，而是沉淀和积累，只有拼出来的美丽，没有等出来的辉煌，机会永远是留给最渴望的那个人，
							学会与内心深处的你对话，问问自己，想要怎样的人生，静心学习，耐心沉淀，生活不仅仅只有代码，还有诗和远方!</p>
						</div>
						<!-- <div class="main-midd-2">
							<form action="#" method="post" class="rightside-form">
								<input type="email" name="email" placeholder="请输入您的邮箱">
								<button type="submit" class="btn">提交</button>
							</form>
						</div> -->
					</div>
				</div>
			</div>
		</section>

		<section class="w3l-footer-29-main" id="footer">
			<div class="footer-29 text-center">
				<div class="container">
					<div class="main-social-footer-29">
						<a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
						<a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
						<a href="#instagram" class="instagram"><span class="fa fa-instagram"></span></a>
						<a href="#google-plus" class="google-plus"><span class="fa fa-google-plus"></span></a>
						<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin"></span></a>
					</div>
					<div class="bottom-copies text-center">
						<p class="copy-footer-29">© 2020 我的网站。| 设计版权所有 <a href="#">Front小思</a></p>
					</div>
				</div>
			</div>
			<!-- move top -->
			<button onclick="topFunction()" id="movetop" title="Go to top">
				<span class="fa fa-angle-up"></span>
			</button>
			<script>
				// When the user scrolls down 20px from the top of the document, show the button
				window.onscroll = function() {
					scrollFunction()
				};

				function scrollFunction() {
					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
						document.getElementById("movetop").style.display = "block";
					} else {
						document.getElementById("movetop").style.display = "none";
					}
				}

				// When the user clicks on the button, scroll to the top of the document
				function topFunction() {
					document.body.scrollTop = 0;
					document.documentElement.scrollTop = 0;
				}
			</script>
		</section>

		<!-- 联系我 -->
		
		<script src="assets/js/jquery-3.3.1.min.js"></script>
		<script>
			$(function() {
				$('.navbar-toggler').click(function() {
					$('body').toggleClass('noscroll');
				})
			});
		</script>
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
		 crossorigin="anonymous">
		</script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
		 crossorigin="anonymous">
		</script>
	</body>
</html>

